<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!-- Consider specifying the language of your content by adding the `lang` attribute to <html> -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <!-- Use the .htaccess and remove these lines to avoid edge case issues.
         More info: h5bp.com/i/378 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>GoLombardia</title>
    <meta name="description" content="">

    <!-- Mobile viewport optimized: h5bp.com/viewport -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
        
    <!-- [MOBILE] -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=yes" /> 

	<link rel="stylesheet" href="css/plugin/jquery.mobile-1.1.0.css" />
	<script src="js/plugin/jquery-1.7.2.js"></script>
	<script src="js/plugin/jquery.mobile-1.1.0.js"></script>
	<script src="js/plugin/jquery.tmpl.min.js"></script>

    <link href="css/main.css" rel="stylesheet" type="text/css" />
 	<link href="css/plugin/add2home.css" rel="stylesheet" type="text/css" />
	<script type="application/javascript" src="js/plugin/add2home.js"></script>	 
	<script type="application/javascript" src="js/plugin/jquery.xml2json.js"></script>	

    <script type="application/javascript" src="js/main.js"></script>
    <script type="application/javascript" src="js/page1.js"></script> 
	<script type="application/javascript" src="js/page2.js"></script>	
	<script type="application/javascript" src="js/page3.js"></script>
    <script type="application/javascript" src="js/page4.js"></script>


	 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	 <script type="text/javascript" src="http://www.google.com/jsapi"></script>


	
        <!-- === Configuro jQM === -->
        <script type="text/javascript">
  
		// === Configurazione di jQuery Mobile
		$( document ).bind( 
		    "mobileinit", function(){
		    	
		    	
		    	 
		        $.extend( $.mobile, {
		            // === Sovrascrive il messaggio di caricamento in corso 
		            loadingMessage: "Caricamento in corso...",

		            // === Sovrascrive la transizione di default
		            defaultTransition: "slidefade",

		            // === Abilito il cross-domain pages (Impostazione predefinita per PhoneGap)
		            allowCrossDomainPages: "true",

		            // === Messaggio di errore
		            pageLoadErrorMessage: "Errore nel caricamento dei contenuti",

		            // === Altri settaggi
		            touchOverflowEnabled: true,
		            ajaxEnabled : true,
		            autoInitializePage : true
		        }

		    );

		});  
		
	          
        </script>	





<script type="text/javascript">



	
	

 
</script>

</head>

<body class="ui-mobile-viewport ui-overlay-d" style="margin:0px; padding:0px;">

	   <!-- === Pagina Index (con id="home") === -->
	<div data-url="page1" id="page1" data-role="page" class="ui-page-active">
	
		<div data-role="header" data-position="inline" data-fullscreen="true" data-theme="e">
			<h1>GoLombardia</h1>					
		</div>
	    
		<div data-role="content">
				<div class="content-primary">
				<!-- 
					data-inset="true"
					data-inline="true" 
					
				-->
				<ul data-inline="true" data-role="listview" data-split-icon="gear" data-split-theme="d">
					<li><a href="view/page2.html" data-transition="slidefade">
						<img src="img/map/bed_breakfast1-2.png" style="width: 100%" />						
						<h3>Mappa Ostelli della GioventÃ¹</h3>
						<p>Elenco degli ostelli di Lombardia attivi sul territorio</p>
						</a><!--a href="view/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album</a-->
					</li>					
					<li><a href="#page3" data-transition="slidefade">
						<img src="img/map/bicycle_shop.png" style="width: 100%" />						
						<h3>Mappa Biciclette disponibili</h3>
						<p>La mappa mostra in tempo reale lo stato delle stazioni e le biciclette disponibili</p>
						</a><!--a href="view/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album</a-->
					</li>

					<li><a href="#page4" data-transition="slidefade">
						<img src="img/map/temple-2.png" style="width: 100%" />						
						<h3>Mappa Musei</h3>
						<p>Anagrafe Musei riconosciuti della Lombardia.</p>
						</a>
					</li>
										
					<!--li>
						<img src="img/map/temple-2.png" style="width: 100%" />						
						<h3>Mappa Musei</h3>
						<p>Anagrafe Musei riconosciuti della Lombardia.</p>						
						<ul>
							<li><a href="#page4" data-transition="slidefade">Canary</a></li>
							<li><a href="index.html">Cat</a></li>
							<li><a href="index.html">Dog</a></li>
							<li><a href="index.html">Gerbil</a></li>
							<li><a href="index.html">Iguana</a></li>
							<li><a href="index.html">Mouse</a></li>
						</ul>						
					</li-->
				
				</ul>	
				</div>
		</div>
	    
		<div data-role="footer" class="nav-glyphish-example"  data-position="fixed" data-theme="e">
			<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
			<ul>
				<li><a href="#" id="map" data-icon="custom" class="ui-btn-active">Map</a></li>
				<li><a href="#" id="chat" data-icon="custom">Chat</a></li>
				<li><a href="#" id="email" data-icon="custom">Email</a></li>			
				<li><a href="#" id="fork" data-icon="custom">Eating</a></li>
				<li><a href="#page-settings" data-transition="slidefade" id="gear" data-icon="custom">Settings</a></li>
			</ul>
			</div>
		</div>
	
	</div>        


	<!--div data-url="page2" id="page2" data-role="page" data-add-back-btn="true">
	
		<div data-role="header"  data-position="fixed" data-fullscreen="true" data-theme="e">
			<h1>Mappa Ostelli della GioventÃ¹</h1>				
		</div>
	    
		<div data-role="content">

				<div id="map_canvas2" style="width: 100%; height: 100%"></div>

				
		</div>

	</div-->
 



	<div data-url="page3" id="page3" data-role="page" data-add-back-btn="true">
	
		<div data-role="header"  data-position="fixed" data-fullscreen="true" data-theme="e">
			<h1>Mappa Biciclette disponibili</h1>				
		</div>
	    
		<div data-role="content">
				<div id="map_canvas3" style="width: 100%; height: 100%"></div>
		</div>

	</div>
	
	<div data-url="page4" id="page4" data-role="page" data-add-back-btn="true">
	
		<div data-role="header" data-position="fixed" data-theme="e">
			<h1>Mappa Musei</h1>				
		</div>
		<div data-role="content">
				<div class="content-primary">
				<!-- 
					data-inset="true"
					data-inline="true" 
					
				-->
				

				<ul data-inline="true" data-role="listview" data-split-theme="d" id="lvMappaMusei">
					<script id="tmpMappaMusei" type="text/x-jquery-tmpl">
					    <li><a onclick="app.MappaMuseiSelectedItem = '${item}';" href="#page4_1"  data-transition="slidefade">${item}</a></li>
					</script>				
				</ul>
	
				</div>
	    </div>
		<!--div data-role="content">
				<div id="map_canvas4" style="width: 100%; height: 100%"></div>
		</div-->

	</div>	


	<div data-url="page4_1" id="page4_1" data-role="page" data-add-back-btn="true">
	
		<div id="header4_1" data-role="header" data-position="inline" data-fullscreen="true" data-theme="e">
			<h1 id="h14_1"></h1>
			<a id="bt4_1" class="ui-btn-right" data-role="button" data-icon="gear" data-theme="e">Tutti</a>
		</div>

		<div data-role="content">
				<div id="map_canvas4_1" style="width: 100%; height: 100%"></div>
		</div>

	</div>		

	
	

	<div data-url="page-settings" id="page-settings" data-role="page" data-add-back-btn="true">
	
		<div data-role="header"  data-position="fixed" data-fullscreen="true" data-theme="e">
			<h1>settings</h1>				
		</div>
	    
		<div data-role="content">
				
		</div>

	</div>








<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span></div>    
    
    
    
    
</body>

</html>
